<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html>
<html
	class=" js flexbox flexboxlegacy canvas canvastext webgl no-touch geolocation postmessage no-websqldatabase indexeddb hashchange history draganddrop websockets rgba hsla multiplebgs backgroundsize borderimage borderradius boxshadow textshadow opacity cssanimations csscolumns cssgradients no-cssreflections csstransforms csstransforms3d csstransitions fontface generatedcontent video audio localstorage sessionstorage webworkers applicationcache svg inlinesvg no-smil svgclippaths">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>联系人纪念日</title>
<link rel="stylesheet"
	href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<!-- 引用Vue -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- 引入组件库 -->
<script src="https://unpkg.com/element-ui/lib/index.js"></script>

<link href="../../css/zcss/switchery.min.css" rel="stylesheet">
<link href="../../css/zcss/bootstrap-clockpicker.min.css"
	rel="stylesheet">
<link href="../../css/zcss/bootstrap-table.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/bootstrap.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/bootstrap-select.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/core.css" rel="stylesheet" type="text/css">
<link href="../../css/zcss/components.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/icons.css" rel="stylesheet" type="text/css">
<link href="../../css/zcss/pages.css" rel="stylesheet" type="text/css">
<link href="../../css/zcss/responsive.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/sweetalert.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/custombox.min.css" rel="stylesheet">
<link href="../../css/zcss/animate.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/css.css" rel="stylesheet" type="text/css">
<link href="../../css/zcss/bootstrap-datepicker3.min.css"
	rel="stylesheet">
<link href="../../css/zcss/switchery.min.css" rel="stylesheet">
<link href="../../css/zcss/bootstrap-clockpicker.min.css"
	rel="stylesheet">
<link href="../../css/zcss/bootstrap-table.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/bootstrap.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/bootstrap-select.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/core.css" rel="stylesheet" type="text/css">
<link href="../../css/zcss/components.css" rel="stylesheet"
	type="text/css">
<!--图标的外部样式-->
<link href="http://cdn.xtcrm.com/cdn//v7/fm/ub/css/icons.css"
	rel="stylesheet" type="text/css">
<!--图标的外部样式-->
<link href="../../css/zcss/pages.css" rel="stylesheet" type="text/css">
<link href="../../css/zcss/responsive.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/sweetalert.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/custombox.min.css" rel="stylesheet">
<link href="../../css/zcss/animate.min.css" rel="stylesheet"
	type="text/css">
<link href="../../css/zcss/css.css" rel="stylesheet" type="text/css">

</head>

<body class="fixed-left">
	<div class="enlarged forced" id="wrapper">
		<div class="content-page crm" style="margin: 0;">
			<div class="content" style="margin: 0;">
				<div class="container-fluid">
					<div class="row">
						<div class="col-sm-3">
							<div class="card-box" style="margin: 0;">
								<div id="bjx" style="z-index: 0">
									<div class="card-box-head">
										<a title="" class="pull-right"
											href="javascript:vopen('/usetup/rebjx.xt','rebjx',280,550);"
											data-original-title="整理百家姓" data-toggle="tooltip"
											data-placement="bottom"><i class="fa fa-exchange"></i></a>
										<h5>百家姓</h5>
									</div>
									<div class="bootstrap-table m-t-10">
										<div class="fixed-table-container">
											<table class="table table-bordered table-hover"
												id="table-9110" data-tablesaw-mode="swipe">

												<thead>
													<tr>
														<th class="th-inner" scope="col"
															data-tablesaw-priority="persist"
															data-tablesaw-sortable-col="">字母</th>
														<th class="th-inner" scope="col"
															data-tablesaw-priority="3" data-tablesaw-sortable-col=""
															data-tablesaw-sortable-default-col="">姓氏</th>

													</tr>
												</thead>
												<tbody>
													<tr>
														<td><a
															href="javascript:bjx_click_x('76@1^5`@kSKnUSYnASZrlGbgUWbh5GKgI3bgkyJlE0JgU2apxGIl1WYuhCK');">A</a>
														</td>
														<td><a>阿</a> <a>安</a> <a>艾</a> &nbsp;</td>
													</tr>
													<tr>
														<td><a>B</a></td>
														<td><a>白</a> <a>百</a> <a>搬</a> <a>病</a> &nbsp;</td>
													</tr>

												</tbody>
											</table>
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="col-sm-9">

							<div id="memdayalert" style="z-index: 0">

								<div class="text-right">
									纪念日工具 : <a title="" class="p-20" href="/xcrm/customer/memday/"
										data-original-title="纪念日列表" data-toggle="tooltip"
										data-placement="bottom"><i class="fa fa-birthday-cake"></i></a>

								</div>

								<h5 data-wow-delay=".1s">
									<b>本月纪念日</b>
								</h5>
								<div class="bootstrap-table">
									<div class="fixed-table-container">
										<table class="table table-bordered table-hover">
											<thead>
												<tr>
													<th class="th-inner "></th>
													<th class="th-inner ">姓名</th>
													<th class="th-inner ">纪念日</th>
													<th class="th-inner ">类型</th>
													<th class="th-inner ">相关信息</th>
												</tr>
											</thead>

											<tbody>

											</tbody>
										</table>
									</div>
								</div>

								<!--/col-md-5 -->

								<h5>
									<b>下月纪念日</b>
								</h5>
								<div class="bootstrap-table m-b-20">
									<div class="fixed-table-container">
										<table class="table table-bordered table-hover">
											<thead>
												<tr>
													<th>
														<div class="th-inner "></div>
													</th>
													<th>
														<div class="th-inner ">姓名</div>
													</th>
													<th>
														<div class="th-inner ">纪念日</div>
													</th>
													<th>
														<div class="th-inner ">类型</div>
													</th>
													<th>
														<div class="th-inner ">相关信息</div>
													</th>
												</tr>
											</thead>

											<tbody>
												<tr>
													<td></td>
													<td><span style="font-weight: normal; color: #9e9e9e">〖</span>苏宁
														<a
														href="javascript:vopen('/xcrm/customer/contact/detail.xt?id=148','contact148',999,600);"><i
															class="fa fa-folder-open m-l-5"
															data-original-title="打开详细页面" data-toggle="tooltip"
															data-placement="bottom"></i></a><span
														style="font-weight: normal; color: #9e9e9e">〗</span></td>
													<td>2019-01-24</td>
													<td><a onclick=" reportMove(this) ;"
														href='javascript:memdayalert_click_memday(6,"6fe357");'>生日</a>
													</td>
													<td><a title="发手机短信"
														href='javascript:smsopen("13256987423(苏宁)");'><b>13256987423</b><i
															class="glyphicon glyphicon-phonemobile m-l-5"></i></a>&nbsp;&nbsp;</td>
												</tr>
												<tr>
													<td></td>
													<td><span style="font-weight: normal; color: #9e9e9e">〖</span>周津津
														<a
														href="javascript:vopen('/xcrm/customer/contact/detail.xt?id=150','contact150',999,600);"><i
															class="fa fa-folder-open m-l-5"
															data-original-title="打开详细页面" data-toggle="tooltip"
															data-placement="bottom"></i></a><span
														style="font-weight: normal; color: #9e9e9e">〗</span></td>
													<td>2019-01-05</td>
													<td><a onclick=" reportMove(this) ;"
														href='javascript:memdayalert_click_memday(4,"b2ffd1");'>生日</a>
													</td>
													<td><a title="发手机短信"
														href='javascript:smsopen("13245678963(周津津)");'><b>13245678963</b><i
															class="glyphicon glyphicon-phonemobile m-l-5"></i></a>&nbsp;&nbsp;</td>
												</tr>
												<tr>
													<td></td>
													<td><span style="font-weight: normal; color: #9e9e9e">〖</span>金晶
														<a
														href="javascript:vopen('/xcrm/customer/contact/detail.xt?id=153','contact153',999,600);"><i
															class="fa fa-folder-open m-l-5"
															data-original-title="打开详细页面" data-toggle="tooltip"
															data-placement="bottom"></i></a><span
														style="font-weight: normal; color: #9e9e9e">〗</span></td>
													<td>2019-01-18</td>
													<td><a onclick=" reportMove(this) ;"
														href='javascript:memdayalert_click_memday(1,"ac2756");'>生日</a>
													</td>
													<td><a title="发手机短信"
														href='javascript:smsopen("13520413260(金晶)");'><b>13520413260</b><i
															class="glyphicon glyphicon-phonemobile m-l-5"></i></a>&nbsp;&nbsp;</td>
												</tr>
											</tbody>
										</table>
									</div>
								</div>

								<!--/col-md-5-->

								<!--UTF8-->
							</div>
							<!----------------筛选、查询input代码开始-------------------->
							<div id="search" style="z-index: 0">
								<div id="editsublayer"
									style="position: absolute; visibility: hidden; &amp; amp; amp; #9; left: 0; &amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; #9; height: 0; z-index: 100; background-color: #D4D0C8;">
									<iframe name="qssub" src="/a.html"
										style="width: 0; height: 0; border: 0;"></iframe>
								</div>
								<form name="qsearch" class="form-inline" role="form"
									onsubmit="hideDiv(); return true;" action="/system/qssub.xt"
									method="POST" target="qssub" novalidate="">

									<div class="form-group ">
										<label class="control-label col-sm-2 m-t-10"><i
											class="fa fa-filter m-r-5"></i></label>
										<div class="col-sm-10">
											<div
												class="btn-group bootstrap-select form-control show-tick">

												<div class="bs-searchbox">
													<el-select v-model="value5" clearable placeholder="全部数据"
														style="width: 100px;"> <el-option
														v-for="item in options" :key="item.value"
														:label="item.label" :value="item.value"> </el-option> </el-select>
												</div>
												<script type="text/javascript">
															var vm = new Vue({
																el: ".bs-searchbox",
																data: {
																	texts: "全部数据",
																	options: [{
																		value: '选项1',
																		label: '客户'
																	}, {
																		value: '选项2',
																		label: '供应商'
																	}, {
																		value: '选项3',
																		label: '合作商'
																	}, {
																		value: '选项4',
																		label: '合作伙伴'
																	}, {
																		value: '选项5',
																		label: '其他'
																	}],
																	value4: ''
																},
																methods: {
																	/*	handleCommand(command) {
																			this.$message('click on item ' + command);
																			this.texts = command;
																		},
																		handleCommand2(command) {
																			this.$message('click on item ' + command);
																			this.texts2 = command;
																		}*/
																}
															});
														</script>

											</div>
										</div>

									</div>

									<div
										style="position: absolute; visibility: hidden; left: 0; top: 0; width: 0; height: 0; z-index: 100; background-color: #D4D0C8;">
										<textarea name="ids" rows="2" cols="20"></textarea>
									</div>
									<div class="form-group">
										<label class="col-sm-2 control-label m-t-10"><i
											class="fa fa-search"></i></label>
										<div class="input-group col-sm-10">
											<input name="Qn" id="Qn" type="hidden" value=""> <input
												name="T" class="form-control" type="text" placeholder="">
											<div class="input-group-btn">
												<button class="btn waves-effect waves-light btn-d"
													onclick="qserach_tag_click2('联系人姓名');" type="button"
													set-lan="html:联系人姓名">联系人姓名</button>
												<button
													class="btn waves-effect waves-light btn-d dropdown-toggle"
													type="button" data-toggle="dropdown">
													<span class="caret"></span>
												</button>
												<ul class="dropdown-menu ">

													<li class="divider"></li>
													<li><a
														href="javascript:search_argv_tempno=1;search_load();"
														set-lan="html:高级查询">高级查询</a></li>
												</ul>
											</div>
										</div>
									</div>

									<i class="fa fa-cog m-l-10"></i> <a class="text-a m-l-10"
										href="/setup/setup.xt?func=contact_ext_setup" target="_blank"
										data-original-title="联系人画像" data-toggle="tooltip"
										data-placement="bottom">联系人画像</a>

								</form>
							</div>

							<!----------------列表-------------------->

							<div id="qlist" style="z-index: 0">
								<div id="editqlist"
									style="position: absolute; display: none; &amp; amp; amp; #9; left: 0; &amp; amp; amp; #9; top: 0; width: 0; &amp; amp; amp; #9; height: 0; z-index: 100; background-color: #D4D0C8;">
									<iframe name="editsubqlist" width="1" height="1" src="/a.html"
										frameborder="0" scrolling="no"></iframe>
								</div>
								<form name="formedit_qlist" action="/system/alldel.xt"
									method="POST" target="editsubqlist" novalidate="">
									<input name="mdb" type="hidden"
										value="2f8a6bf31f3bd67bd2d9720c58b19c9a"><input
										name="db" type="hidden" value="contact"><input
										name="cn" type="hidden" value="qlist">
									<div class="row m-t-15 f-s-12" style="height: 35px;">
										<div class="col-sm-6">
											<span set-lan="html:联系人">联系人</span> <small
												class="text-muted font-13">共10条</small>
											<button
												class="btn btn-danger waves-effect waves-light btn-xs"
												onclick="javascript:qlist_click_reset();" type="button"
												data-original-title="解除搜索,显示全部数据" data-toggle="tooltip"
												data-placement="bottom">
												<i class="fa fa-reply m-r-5"></i>解除搜索
											</button>

										</div>
										<div class="col-sm-6 text-right">
											<!--
												<button class="btn btn-white btn-custom waves-effect waves-light" onclick='qlist_click_insert(0,"4d529f");return false;'><i class="ion-plus m-r-5"></i>新建</button>&nbsp;<button class="btn btn-white btn-custom f-s-12" id="btn_list_fields"><i class="fa fa-th"></i></button>
											-->
											<div class="col-sm-6 text-right">
												<div id="app">
													<template> <el-col :offset="14"> <el-button
														:plain="true" @click="openHTML">新建</el-button></el-col> </template>
													<!--<iframe border="2px red solid"></iframe>-->
												</div>

												<script type="text/javascript">
													var vm = new Vue({
														el: "#app",
														methods: {
															openHTML() {
																this.$message({
																	duration: 0,
																	showClose: true,
																	dangerouslyUseHTMLString: true,
																	message: '<iframe src="/linkmanadd" width="800px" height="580px" frameborder=0 ></iframe>'
																});
															}
														}

													});
												</script>

											</div>
										</div>

										<div class="tab-content p-0">
											<div class="bootstrap-table m-t-10">
												<div class="fixed-table-container overflow-x-auto">
													<table class="table table-bordered table-hover "
														id="qlist_table">
														<thead>
															<tr>
																<th class="bs-checkbox" style="width: 36px;">
																	<div class="th-inner">
																		<input name="selcon"
																			onclick='setQlistChk("formedit_qlist",this.checked);'
																			type="checkbox" data-parsley-multiple="selcon">
																	</div>
																	<div class="fht-cell"></div>
																</th>

																<th class="th-inner">
																	<p>
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='id'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:ID">ID</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p align="left">
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='name'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:姓名">姓名</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p align="left" set-lan="html:照片">照片</p>
																</th>
																<th class="th-inner">
																	<p align="left" set-lan="html:工作电话">工作电话</p>
																</th>
																<th class="th-inner">
																	<p align="left" set-lan="html:移动电话">移动电话</p>
																</th>
																<th class="th-inner">
																	<p align="left" set-lan="html:邮件地址">邮件地址</p>
																</th>
																<th class="th-inner">
																	<p align="left">
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='cu_id'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:对应客户">对应客户</a>
																	</p>
																</th>
																<th class="th-inner">
																	<p align="left">
																		<a class="na"
																			href="JavaScript:qlist_argv_orderf='contype'; qlist_argv_orderv=0;qlist_load();"
																			set-lan="html:联系人分类">联系人分类</a>
																	</p>
																</th>
																<th class="th-inner">
																	<div class="text-center" data-original-title="折行开关"
																		data-toggle="tooltip" data-placement="bottom">
																		<input id="style_onoff" style="display: none;"
																			type="checkbox" data-size="small"
																			data-color="#81c868" data-switchery="true"
																			data-parsley-multiple="style_onoff"
																			data-plugin="switchery"><span
																			class="switchery switchery-small"
																			style="border-color: rgb(223, 223, 223); transition: border 0.4s, box-shadow 0.4s; box-shadow: inset 0px 0px 0px 0px #dfdfdf; background-color: rgb(255, 255, 255);"><small
																			style="transition: background-color 0.4s, left 0.2s; left: 0px;"></small></span>
																	</div>
																</th>
															</tr>
														</thead>
														<tbody class="bg-white">
															<c:forEach var="linkmans" items="${linkman}">
																<tr>
																	<td><input name="sel_id[]" type="checkbox"
																		value="10" data-parsley-multiple="sel_id"></td>
																	<td>
																		<p>${linkmans.linId}</p>
																	</td>
																	<td>
																		<p align="left">${linkmans.linName}</p>
																	</td>
																	<td>
																		<p align="left">${linkmans.linImg}</p>
																	</td>
																	<td>
																		<p align="left">${linkmans.linWorkPhone}</p>
																	</td>
																	<td>
																		<p align="left">${linkmans.linPhone}</p>
																	</td>
																	<td>
																		<p align="left">${linkmans.linEmail}</p>
																	</td>
																	<td>
																		<p align="left">
																			<a>${linkmans.customer.cusName}</a>
																		</p>
																	</td>
																	<td>
																		<p align="left">${linkmans.dictionary2.dicName}</p>
																	</td>
																	<td width="1%" nowrap=""><a
																		data-original-title="删除" data-toggle="tooltip"
																		data-placement="bottom"><i
																			class="fa fa-trash-o m-r-5"></i></a>&nbsp; <a
																		data-original-title="编辑" data-toggle="tooltip"
																		data-placement="bottom"><i
																			class="fa fa-pencil m-r-5"></i></a>&nbsp;</td>
																</tr>
															</c:forEach>
														</tbody>
													</table>
												</div>
											</div>
											<div class="row m-t-10">
												<div class="col-sm-3">
													<input name="sel_type" type="hidden" value="0">
													<button
														class="btn btn-white btn-custom waves-effect waves-light"
														onclick="if (confirm('确认删除选中数据及其视图下关联数据吗？')) { $('form[name=formedit_qlist]').find('input[name=sel_type]').val('0').end().submit();};return  false;"
														data-original-title="删除" data-toggle="tooltip"
														data-placement="bottom">
														<i class="fa fa-trash"></i>
													</button>
													&nbsp;
													<button title=""
														class="btn btn-white btn-custom waves-effect"
														onclick="vopen('/sys/plist/?dtname=contact&amp;where=&amp;bwhere=7e@1^5`@@1^5`@wJl8LmpfCIltWasBSZtFmb&amp;page=0&amp;orderf=&amp;orderv=&amp;pn=&amp;edittype=0&amp;mcr=6601d487db66329a1bd7bf8c0cd6a709','plist',700,550);"
														type="button" data-original-title="批量编辑"
														data-toggle="tooltip" data-placement="bottom">
														<i class="fa fa-pencil-square"></i>
													</button>
												</div>
												<div class="col-sm-7 text-center box4">
													<div class="block">
														<el-pagination @size-change="handleSizeChange"
															@current-change="handleCurrentChange"
															:current-page="currentPage4"
															:page-sizes="[100, 200, 300, 400]" :page-size="100"
															layout="total, sizes, prev, pager, next, jumper"
															:total="400"> </el-pagination>
													</div>
												</div>
												<!--分页-->
												<script type="text/javascript">
													var vm = new Vue({
														el: ".box4",
														data: {
															currentPage1: 5,
															currentPage2: 5,
															currentPage3: 5,
															currentPage4: 4
														},
														methods: {
															handleSizeChange(val) {
																console.log(`每页 ${val} 条`);
															},
															handleCurrentChange(val) {
																console.log(`当前页: ${val}`);
															}
														}
													})
												</script>
												<div class="col-sm-2 text-right">
													<!-- BEGIN qqhide -->
													
													
													<!-- END qqhide -->
												</div>
											</div>
										</div>
										<!--UTF8-->
								</form>
								
							</div>
							<!----------------统计-------------------->
							<div id="statlist" style="z-index: 0">
								<!------->
							</div>

							<!-- ============================================================== -->
							<!-- 特别注意：此页面添加了bootstrap-table.min.css和bootstrap-table.min.js 调用此table时务必添加上   -->
							<!-- ============================================================== -->

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>

</html>